<template>
	<view>
		<view class="w100 mb-60" style="position: relative;" >
			<image style="width: 100%; height: 350rpx;border-radius: 20rpx;position: absolute;top: 0;" :src="info.chongdian_info.project_image_project_view_url" mode="widthFix"></image>
			
			<view class=" p-x-40 p-y-40"style="position: relative;">
				<view  style="display: flex;align-items: center;margin-left: 70rpx;margin-top: 10rpx;">
					
					<view class="bots1 ">
					{{info.chongdian_info.project_name}}
					</view>
				</view>
				<view class="" style="display: flex;align-items: center;">
					<view class="mt-50" style="margin-right: 40rpx;">
						<view class="s2">
								{{info.days}}天
						</view>
						<view class="s3 mt-30">
							产品周期
						</view>
					</view>
					<view class="mt-50"style="margin-right: 40rpx;">
						<view class="s2">
						{{info.price}}
						</view>
						<view class="s3 mt-30">
							产品金额
						</view>
					</view>
					<view class="mt-50">
						<view class="s2">
							{{info.every_days_money*info.benjin}}
						</view>
						<view class="s3 mt-30">
							每天返利
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="gradientCard">
			<view  class="  p-x-30 p-y-20  " >
				<view class="flex-b " style="font-size: 36rpx;font-weight: 400;color: #fff;">
					<view class="">
					{{info.chongdian_info.project_name}}
					</view>
					<view class="">
						还能:{{info.all_users_buy}}台
					</view>
				</view>
					<view class="flex-b p-x-30">
						<view class="mt-50" style="margin-right: 40rpx; text-align: center;">
							<view class="s3">
								{{info.benjin*info.every_days_money*info.over_days}}
							</view>
							<view class="s3 mt-30">
								已收益
							</view>
						</view>
						<view class="mt-50"style="margin-right: 40rpx;text-align: center;">
							<view class="s3">
								{{info.days-info.over_days}}天
							</view>
							<view class="s3 mt-30">
								还剩周期
							</view>
						</view>
						<view class="mt-50" style="text-align: center;">
							<view class="s3">
								{{info.benjin}}
							</view>
							<view class="s3 mt-30">
								设备价格
							</view>
						</view>
					</view>
			</view>
		</view>
		
		<view style="font-size: 38rpx;font-weight: 700;color: #fff;" class="mt-30 mb-30">
			设备详情:
		</view>
		<view class="s3">
			<u-parse :content="info.chongdian_info.content_value"></u-parse>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:1,
				id:0,
				info:{}
			}
		},
		onLoad(e) {
			this.type=e.type
			this.id=e.id
			uni.setNavigationBarTitle({
				title: e.name
			})
			this.project_info()
		},
		methods: {
			async project_info(){
					let res=await this.$http.get('user/get_projects_log_info', {
						project_order_id:this.id
					})
					
					this.info=res.data
			},
		}
	}
</script>

<style>
page {
		background-color: #1E2240;
		padding: 32rpx;
	}
	.bots1{
			font-size: 48rpx;
			font-weight: 400;
			color: #fff;
		}
		.s2{
			font-size: 40rpx;
			font-weight: 400;
			color: #fff;
		}
		.s3{
			font-size: 28rpx;
			font-weight: 400;
			color: #fff;
		}
</style>
